body{font-family: -apple-system,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif;background: url(../img/bg.png) !important;}
.clear:after{content:""; display:block; height:0; visibility:hidden;clear: both;}
.fl{float: left;}
.fr{float: right;}
header.header{padding-top:25px;background:white;margin:0 auto;left:0px;right:0px;position:fixed;top:0px;z-index:20;box-shadow:0 4px 8px 0 rgba(7,17,27,.1)}
.content_wrap,.header_wrap{width: 1000px;margin: 0 auto;}
.header_wrap{height: 75px;}
.header_wrap .fr{padding-right: 55px;}
.search{position: relative;}
.search input{width: 240px;height: 35px;padding-left:22px;font-size: 14px;border-top-left-radius:10px;border-bottom-left-radius:10px;border: 1px solid #d5d5d5;}
.search button{height: 37px;width: 55px;background: url(../img/search.png) no-repeat center;position: absolute;left: 263px;bottom: 0px;}
.search button:hover{cursor: pointer;}

.weather{width: 270px;height: 36px;}
.weather span{margin-right: 20px;font-size: 14px;line-height: 36px;color:#0067a4; }
.weather span:last-child{margin-right: 0px;}

nav.nav{width: 1289px;margin: 0 auto;height: 76px;}
nav .navbar{width: 1001px;height: 76px;padding-left: 20px;}
.navbar_list{margin-top:6px;}
nav .navbar a{display: block;color: #0067a4;font-weight: 600;width: 77px;height: 47px;line-height: 47px;font-size: 16px;float: left;text-align: center;}
nav .navbar a.active{background-color: #0067a4;color:white;}
nav .navbar a:hover{background-color: #0067a4;color:white;}
.logo{width: 268px;height: 76px;}
.logo a{display: inline-block;position: relative;height: 100%;width: 100%;}
.logo a img{position: absolute;left: -16px;height:54px;width:100%;}
.content_wrap{margin-top: 215px;}

div.ad_x_max{height: 104px;margin-bottom: 10px;}
div.ad_x_max img{height: 104px;width: 1000px;}
.slider_content{height: 406px;margin:20px 0px 55px 0px;}
.slider_content .slider{width: 658px;height: 404px;margin-right: 15px;position: relative;}
.slider_content .slider a{display: block;}
/*.slider_content .slider a img{width: 658px;height: 404px;}*/
.slider_content .slider a p{width: 100%;position: absolute;bottom: 40px;text-align: center;font-size: 20px;color: white;font-weight: 600;height: 28px;line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.slider_right{height: 406px;width: 325px;}
.slider_right div{height: 94px;margin-bottom: 10px;}
.slider_right div:last-child{margin-bottom: 0px;}

.cat_content{margin-top:40px;position: relative;}
.cat_content .cat_header{height: 47px;margin-bottom: 32px;border-bottom: 1px solid #ccc}
.cat_content .cat_header .cat_title{width: 94px;height:47px;background-color: #0067a4;font-size:24px;color: white;line-height: 47px;text-align: center; }
.cat_content .cat_header .more{width: 72px;height: 47px;}
.cat_content .cat_header .more a{display: inline-block;height: 47px;width: 90px; color:#0067a4;font-size: 20px;line-height: 47px;font-weight: 600 ;background:url(../img/arr.png) 63px center no-repeat;}

.cat_content .main_tag{margin-top:31px;height: 18px;font-size: 16px;font-weight: 600}
.cat_content .main_tag::before{ content:''; width:6px; height:6px; border-radius:50%; background:#4c94bf; display:inline-block; margin-right:12px; vertical-align:middle; margin-top:-3px;}

.cat_content .cat_main{height: 328px;margin-top: 27px;}
.cat_main a.a_main{display:block;height: 328px;width: 700px;position: relative;}
.cat_main a.a_main img{width: 100%;height: 100%;}
.cat_main a.a_main p{width:100%;position: absolute;bottom: 30px;text-align: center;font-size:20px;color: white;font-weight: 600; height: 28px;line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.cat_main .main_right{height: 328px;background-color: #f0f0f0;padding-left: 27px;}
.cat_main .main_right a{display:block;height: 43px;width: 273px;font-size: 16px;line-height: 43px;overflow: hidden;text-overflow:ellipsis ;white-space: nowrap;}
.cat_main .main_right a.deep{font-size: 20px;font-weight: 600;margin-top:18px;}
.cat_main .main_right a::before{ content:''; width:6px; height:6px; border-radius:50%; background:#4c94bf; display:inline-block; margin-right:8px; vertical-align:middle; margin-top:-3px;}
.rank{height: 27px;}
.rank .solid{height: 16px;}
.rank .solid span{background: url(../img/hollow.png) center no-repeat;width: 14px;display:inline-block;margin-right: 2px;height: 14px;cursor: pointer;}
.rank .solid span:last-child{margin-right: 0px;}
.rank .solid  .swiper-pagination-bullet-active,.rank .solid span.active{background: url(../img/solid.png) center no-repeat;}

.rank_content {width: 1000px;height: 182px;overflow: hidden;margin-bottom: 10px;position: relative;}
.rank_content .rank_a{display: block;height: 182px;width: 232px!important;padding-right: 24px;}
.rank_content .rank_a img{width: 232px;height: 140px;}
.rank_content .rank_a p{width: 232px;height: 36px;line-height: 36px;font-size: 14px;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rank_content .rank_a:nth-child(4n){padding-right:0px;}

.special_content{height: 225px;width: 1000px;overflow: hidden;margin-top: 27px;}
.special_title{width: 60px;height: 225px;font-size: 24px;color: white;background-color: #0067a4;writing-mode: vertical-lr;writing-mode: tb-rl;text-align: center;line-height: 60px;font-weight: 600;letter-spacing:5px;}

.special_list_wrap{width: 940px;height: 225px;background: #f5f5f5;position: relative;}
.special_list_wrap .special_lists{width: 870px;height: 187px;margin: 0 auto;margin-top: 25px;overflow: hidden;}
.special_lists .special_a{width: 252px!important;height:187px;margin-right: 57px;display:block;}
.special_lists .special_a img{width: 252px;height: 102px;}
.special_lists .special_a .detial{height: 85px;}
.special_lists .special_a:nth-child(3n){margin-right:0px;}
.detail h5{font-size: 16px;font-weight: 600;color: #333;height: 40px;line-height: 40px;overflow:hidden}
.detail p{font-size: 12px;color: #666666;height: 40px;line-height: 20px;letter-spacing: 1px;}
.detail p span{color: #e60012;letter-spacing: 2px;}

.special_ad{margin-top:25px;margin-bottom: 40px;}
.ad_md{width: 482px;height: 101px;display: inline-block}
.ad_md img{width: 100%;height: 100%;}
.line{border: 1px solid #cccccc;margin-bottom: 25px;}

.pic_left ,.pic_right{width: 1000px;height: 262px;}
.pic_right .a_pic,.pic_left .a_pic{display:block;width: 500px;height: 262px;position: relative;}
.pic_right .a_pic img,.pic_left .a_pic img{width: 500px;height: 262px;}
.pic_left .a_pic span{height:36px;width:18px;display:inline-block;position: absolute;background: url(../img/triangle.png) no-repeat;top: 113px;right: 0px;z-index: 20;transform:rotate(180deg);}
.pic_content{width: 437px;height: 227px;margin: 25px 17px 10px 46px;}
.pic_content .pic_content_title{border-left: 2px solid #0067a4;padding-left: 20px;font-size: 22px;height: 22px;line-height: 22px;font-weight: 600;}
.pic_content .pic_content_lists{margin-top: 18px;}
.pic_content .pic_content_lists a{display: block;height: 40px;line-height: 40px;font-size: 18px;overflow: hidden;text-align: left;text-overflow: ellipsis;white-space: nowrap;}
.pic_content .pic_content_lists a.deep{font-weight: 600;font-size: 22px;}
.pic_content .more{display: block;height: 67px;line-height: 67px;font-size: 20px;font-weight: 600;color: #0067a4;width: 75px;background: url(../img/arr.png) 63px center no-repeat;}

.pic_right .a_pic span{height:36px;width:18px;display:inline-block;position: absolute;background: url(../img/triangle.png) no-repeat;top: 113px;left: 0px;z-index: 20;}

.ad_left,.ad_right{position: absolute;width: 117px;height: 469px;top: 410px;}
.ad_left p, .ad_right p{position: absolute;left: 2px;right:2px;bottom: 10px;font-size: 8px;line-height: 8px;height: 8px;text-align: center;}
.ad_right p{color: #ffea76;}
.ad_left p{color: white}
.ad_right{right: 0px;}
.ad_content_up{height: 296px;}
.ad_content_up a{display:block;width: 117px;height: 14px;font-size: 14px;text-align: left;line-height: 14px;background: #eeeeee;text-decoration: underline;}
.ad_content_down{height:173px;position:relative;}
.ad_content_down a{display: block;width: 107px;height: 22px;font-size: 12px;line-height: 22px;text-align: left;color: #999;}
.ad_content_down .toutiao{background: url("../img/right_bg.png") no-repeat center;height: 152px;}
.ad_content_down .toutiao img{height:90px;width: 90px;margin-top: 16px;margin-left: 14px;}

.ad_content_down .wx{background: url("../img/left_bg.png") no-repeat center;height: 152px;}
.ad_content_down .wx img{height:90px;width: 90px;margin-top: 16px;margin-left: 14px;}

.ad_left .ad_content_up a{text-align: right;}
.ad_left .ad_content_down a{padding-left: 90px;}

.icon{position: absolute;top: 210px;right: 0px;width: 50px;height: 150px;}
.icon a{display: block;background: url("../img/icon.png") no-repeat;width: 50px;height: 50px;cursor: pointer;}
.icon a:hover div{display: block;}
.icon .toutiao{background-position: 0px 0px;}
.icon .weixin{background-position: 0px -50px;}
.icon .weibo{background-position: 0px -100px;}

.icon div{position: absolute;width: 100px;height: 100px;background: #0067a4;display: none}
.icon div span{background: url(../img/md_triangle.png) no-repeat;position: absolute;right: 0px;top: 40px;height: 20px;width: 10px;}
.icon div img{width: 72px;height: 72px;vertical-align: middle;margin: 14px;}
.icon .qcode_toutiao{top:-20px;left: -100px;}
.icon .qcode_weixin{top:30px;left: -100px;}
.icon .qcode_weibo{top:80px;left: -100px;}


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

:focus {
    outline: 1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

.footer-top{background:#555555;margin-top:20px;}
.footer-inner{margin: 0 auto;max-width: 1000px;overflow: hidden;padding-bottom: 20px;position: relative;}
.footer-inner dl{background: rgba(0, 0, 0, 0) url("../img/footer-line.png") repeat-y scroll right top;
    float: left;
    height: 242px;
    overflow: hidden;
    padding: 0 2%;
    position: relative;
    width: 20%;
    margin-top: 10px;
}
.footer-inner dl dt{margin-bottom: 20px;}
.footer-inner dl dt span {color: #fff;font-size: 16px;margin-bottom: 20px;font-weight: 800;}
.footer-inner dl dd {
    float: left;
    width: 50%;
	padding:4px 0;
}
.footer-inner dl dd a{color: #888;font-size: 14px;text-decoration: none;}
.footer-inner dl dd a:hover{text-decoration: underline;}
/*
footer-button
footer-nav
footer-links
*/

.footer-button{background-color:black; border-top: 1px solid #434343;}
.footer-links{overflow: hidden;}
.footer-links .copyright{color: #585858 !important;font-size: 14px;margin: 15px;float: left;}
.footer-links .copyright a{color:#888;text-decoration: none;}
.footer-links .copyright a:hover{text-decoration: underline;}
.links{margin: 15px;}
.links a{color: #888;text-decoration:none;padding-right:10px;font-size: 16px;}
.links a:hover{text-decoration: underline;}
/*partners*/
.partners {
    color: #585858;
    font-size: 14px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 15px;
    width: 290px;
}
.partners a {
    color: #888 !important;

}
.partners a:hover{
    text-decoration: underline;
}
.marquee{background: rgba(0, 0, 0, 0) url("../img/footer-line.png") repeat-y scroll right top;
    float: left;
    height: 230px;
    overflow: hidden;
    position: relative;
    width: 26%;
    margin-top: 10px;
}
.marquee p{margin-bottom: 20px;}
.marquee ul{overflow: hidden;width: 100%;}
.marquee .scroll{overflow: hidden;height:164px;}
.marquee p span{color: #fff;font-weight: 600;font-size: 16px;}
.marquee li{list-style: none;float: left;width: 46%;padding:2%;}
.marquee li a{color: #888;font-size: 14px;text-decoration: none;}
.us{
    float: left;
    height: 230px;
    overflow: hidden;
    padding: 0 2%;
    position: relative;
    width: 22%;
    margin-top: 10px;
}
.us p{
    margin-bottom: 20px;
}
.us p span{
    color: #fff;
    font-size: 16px;
    font-weight: 800;
}
.qr{
    overflow: hidden;
}
.qr div{
    width: 50%;
    float: left;
}
.qr div img{
    width: 90%;
    opacity:0.5;
}
.qr div:hover img{
    cursor: pointer;
    opacity: 1;

}
.qr div p{
    clear: both;
    text-align: center;
}
.qr div p span{
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 20px;
}
.weixin img{
    margin-right: 5%;
}
.weibo img{
    margin-left: 5%;
}


.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color:#fff;
    opacity: 1;
    background:#9c9c9c;
  }
  .swiper-pagination-bullet-active {
    color:#fff;
    background: #0067a4;
  }
.next,.prev{height: 22px;width: 12px;background: url("../img/next.png") no-repeat center;position: absolute;cursor: pointer;z-index: 1;top:104px;}
.prev{transform: rotate(180deg);left: 5px;}
.next{right: 5px;}

.header_bg{background:url("../img/header_bg.jpg") no-repeat center top;width:100%;position:absolute;top:176px;left:0px;right:0px;z-index:-1;height:930px;}
.header_bg .header_bg_left{background:url("../img/header_bg_left.png") no-repeat;position:absolute;left:0px;top:0px;z-index:-1;height:373px;width:339px;}
.header_bg .header_bg_right{background:url("../img/header_bg_right.png") no-repeat;position:absolute;right:0px;top:0px;z-index:-1;height:236px;width:412px;}

.header_wrap{width:1289px;}
.header_Code{width:168px;height:31px;padding-top:40px;padding-right:0px!important;padding-left:50px;}
.header_Code a{display:block;width:46px;height:31px;cursor:pointer;padding:0 5px;position:relative;}
.header_Code a.app_new{background:url("../new_img/app_new.png") no-repeat;}
.header_show{position:absolute;display:none;}
.header_show{top:31px;}
.header_Code a.wx_new .header_show{right:-85px;}
.header_Code a:hover div{display:block;}
.header_Code a.wx_new{background:url("../new_img/wx_new.png") no-repeat;}
.header_Code a.sina_new{background:url("../new_img/sina_new.png") no-repeat;}